<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>冬奥共享学习</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<script type="text/javascript" src="../../plugin/browerVersion/browerVersion.js"></script>
		<link rel="stylesheet" href="../../plugin/bootstrap/bootstrap.min.css" />
		<link rel="stylesheet" href="../../skin/css/normalize.css" />
		<link rel="stylesheet" href="../../skin/fonts/iconfont.css" />
		<link rel="stylesheet" href="meetingDetails.css" />
		<link rel="stylesheet" href="../../skin/css/style.css" />
		<script type="text/javascript" src="../../plugin/jquery/jquery-1.12.1.js"></script>
	</head>

	<body>
		<div class="header-warpper">
			<div class="header">
				<div class="logo">
					<img class="mr-10" src="../../skin/img/honeycombIco.png" />
					<img class="pt-5" src="../../skin/img/honeycombLearningIco.png" />
				</div>
				<div class="rightInfo">
					<input class="search" />
					<span class="searchIco"></span>
					<span class="userInfo">YC</span>
					<span class="menu"></span>
				</div>
			</div>		
		</div>
		<div class="container">
			<div class="contentGroup col-sm-3">
				<div class="groupTitle">
					<span class="glyphicon glyphicon-chevron-left"></span><span>返回上级</span>
				</div>
				<div class="groupCover">
					<img src="../../skin/img/itemImg02.jpg" />
				</div>
				<div class="groupTab">
					<div class="tabItem">
						活动信息
					</div>
					<div class="tabItem active">
						会议主题
					</div>
					<div class="tabItem">
						参与人员
					</div>
				</div>
			</div>
			<div class="contentList col-sm-9">
				<div class="title">
					<h1>
						<span class="js-heading-dept">人力资源部</span>
						<span class="js-heading-num">3</span>
						<span class="js-heading-label">群组</span>
						<span class="js-heading-total top-heading__total hide"></span>
					</h1>
					<div class="addDiv">
						<span class="addGroup">+</span>
						<span class="addGroupInfo">新建群组</span>
					</div>
				</div>
				<div class="contentFilter">
					<div class="filterItemSort">
						<span>排序：</span>
						<span class="sortItem">
							<span class="selSort">最近访问</span>
							<span class="sortIco glyphicon glyphicon-chevron-down"></span>
							<ul class="sortList">
								<li class="item active">最近访问</li>
								<li class="item">创建日期</li>
								<li class="item">名称</li>
							</ul>
						</span>
					</div>
				</div>
				<div class="contentWrapper">
						<div class="col-sm-4 cardItem">
							<div class="cardItem_">
								<div class="cardImg">
									<div class="col-sm-8 bigImg">
										<img src="../../skin/img/itemImg01.png" />
									</div>
									<div class="col-sm-4 smImg">
										<img src="../../skin/img/itemImg02.jpg"/>
										<img src="../../skin/img/itemImg03.jpg"/>
									</div>
								</div>
								<div class="cardInfo">
									<span class="cardTitle">个人群组</span>
									<span class="cardsNum">4Cards</span>
									<span class="glyphicon glyphicon-option-vertical"></span>
									<ul class="cardOperating">
										<li class="item">修改</li>
										<li class="item">复制</li>
										<li class="item">分享</li>
										<li class="item">删除</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-sm-4 cardItem">
							<div class="cardItem_">
								<div class="cardImg">
									<div class="col-sm-8 bigImg">
										<img src="../../skin/img/itemImg01.png" />
									</div>
									<div class="col-sm-4 smImg">
										<img src="../../skin/img/itemImg02.jpg"/>
										<img src="../../skin/img/itemImg03.jpg"/>
									</div>
								</div>
								<div class="cardInfo">
									<span class="cardTitle">OCOG IKM Workshop</span>
									<span class="cardsNum">5Cards</span>
									<span class="glyphicon glyphicon-option-vertical"></span>
									<ul class="cardOperating">
										<li class="item">修改</li>
										<li class="item">复制</li>
										<li class="item">分享</li>
										<li class="item">删除</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-sm-4 cardItem">
							<div class="cardItem_">
								<div class="cardImg">
									<div class="col-sm-8 bigImg">
										<img src="../../skin/img/itemImg01.png" />
									</div>
									<div class="col-sm-4 smImg">
										<img src="../../skin/img/itemImg02.jpg"/>
										<img src="../../skin/img/itemImg03.jpg"/>
									</div>
								</div>
								<div class="cardInfo">
									<span class="cardTitle">北京冬奥组委OGKM系列研讨会（2017年6月）</span>
									<span class="cardsNum">3Cards</span>
									<span class="glyphicon glyphicon-option-vertical"></span>
									<ul class="cardOperating">
										<li class="item">修改</li>
										<li class="item">复制</li>
										<li class="item">分享</li>
										<li class="item">删除</li>
									</ul>
								</div>
							</div>
						</div>
				</div>
			</div>
			
			<div style="clear:both;"></div>
		</div>
		<div class="footer">
			<div class="container">
				<div class="copyrightInfo">
					<span>版权©北京2022年冬奥会和冬残奥会组织委员会</span>
					<span>Beijing Organising Committee for the 2022 Olympic and Paralympic Winter Games All Rights Reserved</span>
					<span>京ICP备05014028号-2</span>
				</div>
				<div class="linkFlag">
					<span class="microBlog mr-25"><span></span></span>
					<span class="weChat"><span></span></span>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="meetingDetails.js"></script>
	</body>

</html>